 @keyframes myframes {
				0% {
					background-image: url(轮播图/1.png);
				}
				25% {
					background-image: url(轮播图/2.png);
				}
				50% {
					background-image: url(轮播图/3.png);
				}
				75% {
					background-image: url(轮播图/4.png);
				}
				100% {
					background-image: url(轮播图/5.png);
				}
			}
			
			#box1 {
				animation: myframes 10s infinite;
				width: 520px;
				height: 280px;
			}
			
			#box2 {
				height: 1000px;
				width: 600px;
				border: 1px solid #613621;
			}
			
			<style>
		
		#box11{
				width:100px;
				height:31px;
				border:1px ;
			}
			#box22{
				width: 690px;
				height:31px;
				border:1px solid red;
				display: none;
				position: absolute;
				left: 190px;
				top:-9px;
			}
			
			li:hover #box22{
				display: block;
			}
			li{
				cursor: pointer;
				list-style: none;
			}
			
			
		
		
		#box111{
				width:100px;
				height:31px;
				border:1px ;
			}
			#box222{
				width: 690px;
				height:31px;
				border:1px solid red;
				display: none;
				position: absolute;
				left: 190px;
				top:-41px;
			}
			
			li:hover #box222{
				display: block;
			}
			li{
				cursor: pointer;
				list-style: none;
			}



#box4{
				width:100px;
				height:31px;
				border:1px ;
			}
			#box44{
				width: 690px;
				height:31px;
				border:1px solid red;
				display: none;
				position: absolute;
				left: 190px;
				top:-72px;
			}
			
			li:hover #box44{
				display: block;
			}
			li{
				cursor: pointer;
				list-style: none;
			}
	</style>